// 初始化 AOS 动画库
AOS.init({
    duration: 1000,
    once: true,
    offset: 100
});

$(document).ready(function() {
    // 获取当前页面的文件名
    var currentPage = window.location.pathname.split('/').pop();
    
    // 设置对应的导航项为激活状态
    $('.navbar-nav .nav-link').each(function() {
        var href = $(this).attr('href');
        if (href === currentPage) {
            $(this).addClass('active');
        } else {
            $(this).removeClass('active');
        }
    });

    // 平滑滚动
    $('a.nav-link').on('click', function(event) {
        if (this.hash !== "") {
            event.preventDefault();
            var hash = this.hash;
            $('html, body').animate({
                scrollTop: $(hash).offset().top - 56
            }, 800);
        }
    });

    // 导航栏活动项目高亮
    $(window).scroll(function() {
        var scrollDistance = $(window).scrollTop();
        
        $('section').each(function(i) {
            if ($(this).position().top <= scrollDistance + 100) {
                $('.navbar-nav .nav-item .nav-link.active').removeClass('active');
                $('.navbar-nav .nav-item .nav-link').eq(i).addClass('active');
            }
        });
    });

    // 轮播图自动播放设置
    $('.carousel').carousel({
        interval: 3000,
        pause: "hover"
    });

    // 添加滚动动画效果
    $(window).scroll(function() {
        // 导航栏背景色渐变
        if ($(window).scrollTop() > 100) {
            $('.navbar').addClass('navbar-scrolled');
        } else {
            $('.navbar').removeClass('navbar-scrolled');
        }
    });

    // 搜索框动画
    $('.search-box input').focus(function() {
        $(this).parent().addClass('search-focus');
    }).blur(function() {
        $(this).parent().removeClass('search-focus');
    });

    // 分类导航点击动画
    $('.category-nav .nav-link').click(function(e) {
        e.preventDefault();
        $(this).addClass('clicked');
        setTimeout(() => {
            $(this).removeClass('clicked');
        }, 200);
        
        // 平滑滚动到对应区域
        const target = $(this).attr('href');
        $('html, body').animate({
            scrollTop: $(target).offset().top - 100
        }, 800);
    });

    // 特色标签悬停效果
    $('.feature-item').hover(
        function() {
            $(this).addClass('feature-hover');
        },
        function() {
            $(this).removeClass('feature-hover');
        }
    );
}); 